<script>
     $(function() {
        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        function updateTips( t ) {
            tips = $( ".validateTips" );
            tips
            .text( t )
            .addClass( "ui-state-highlight" );
            setTimeout(function() {
                tips.removeClass( "ui-state-highlight", 1500 );
            }, 500 );
        }

        function checkLength( o, n, min, max ) {

            if ( o.val().length > max || o.val().length < min ) {
                o.addClass( "ui-state-error" );
                updateTips( "Length of " + n + " must be between " +
                    min + " and " + max + "." );
                return false;
            } else {
                return true;
            }
        }

        $( "#add-document-form" ).dialog({
            autoOpen: false,
            width: 450,
            modal: true,
            buttons: {
                "Add": function() {
                    $('#document_form').submit();
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                    $('#add-document-form').html('');
                }
            },
            close: function() {
                $('#add-document-form').html('');
                //   allFields.val( "" ).removeClass( "ui-state-error" );
            }
        });
        
    });
</script>
<div class="dataBoxOver">
    <div class="dataInnRep">
        <div class="dataInnTop" id="cabinet-listing">
            <div class="dataInnBottom">

                <div class="dataHeader">
                    <h4>Notification</h4>
                </div>
                <div class="clr"></div>
                
                <?php echo $this->render('mynotification/list.phtml'); ?>	
            </div>	
        </div>
    </div>
</div>
<div id="add-document-form" title="Add document"></div>